<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>地域介绍</title>

    <!-- load stylesheets -->
    <link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:300,400">   <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="css/bootstrap.min.css">                                      <!-- Bootstrap style -->
    <link rel="stylesheet" href="css/templatemo-style.css">                                   <!-- Templatemo style -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

    <body>
        <div class="container tm-container">
            
            <div class="row navbar-row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 navbar-container">
                    
                    <a href="javascript:void(0)" class="navbar-brand" id="go-to-top">潮阳</a>
                    
                    <nav class="navbar navbar-full">
                        
                        <div class="collapse navbar-toggleable-md" id="tmNavbar">                            

                            <ul class="nav navbar-nav">
                                <li class="nav-item">
                                    <a class="nav-link" href="#tm-section-1">历史</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#tm-section-2">景点</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#tm-section-3">特产</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#tm-section-4">查询</a>
                                </li>
                            </ul>

                        </div>

                    </nav>    
                    
                    <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
                        &#9776;
                    </button>
                    
                </div>
            </div>
            
            
            <div class="tm-page-content">                
                
                <!-- #home -->
                <section id="tm-section-1" class="row tm-section">

                    <div class="tm-white-curve-left col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-6">
                        <div class="tm-white-curve-left-rec"></div>
                        <div class="tm-white-curve-left-circle"></div>
                        <div class="tm-white-curve-text">
                            <h2 class="tm-section-header blue-text">简介</h2>
                            <p>
                                  潮阳从东晋元年开始建城，已经有 <a rel="nofollow" href="http://www.getbootstrap.com" target="_parent">1700年</a> 的历史了。一直以来都在沿用潮阳的古名，取于潮之阳，寓意南海的南边朝阳升起来的地方，可谓粤东首屈一指的古邑。曾经代表古潮阳，统率八邑和梅州的部分地区，后属潮阳府，近代开始置于汕头的管理。古潮阳也逐渐衍生出普宁和惠来两邑，地域也在逐渐缩小！ 
                            <p>
                                 潮阳在90年代曾经是广东百强县的老二，当时峡山就有“小香港”的美誉，连中央级的报纸也有报道，可见当时商业之盛。 
从改革开始直到99年潮阳的经济增长始终保持在百分之十五以上的增长率，占汕头经济半壁江山。
    92年与揭阳争地级市的失败，重挫了潮阳人的信心，也影响了潮阳的经济。
                            </p>        
                        </div>                        
                    </div>

                    <div class="tm-home-right col-xs-12 col-sm-12 col-md-12 col-lg-5 col-xl-6">
                        <h2 class="tm-section-header"></h2>
                        <p class="thin-font"></p>
                    </div>
                    
                </section> <!-- #home -->

                <!-- #services -->
                <section id="tm-section-2" class="row tm-section">
                    <div class="tm-flex-center col-xs-12 col-sm-6 col-md-6 col-lg-5 col-xl-6">
                        <img src="img/strip-01.jpg" alt="Image" class="img-fluid tm-img">
                    </div>

                    <div class="tm-white-curve-right col-xs-12 col-sm-6 col-md-6 col-lg-7 col-xl-6">
                        
                        <div class="tm-white-curve-right-circle"></div>
                        <div class="tm-white-curve-right-rec"></div>
                        
                        <div class="tm-white-curve-text">
                            <h2 class="tm-section-header red-text">文光塔</h2>
                            <p>文光塔是广东省汕头市潮阳区一处清朝七层楼阁式石塔，位于中国广东省汕头市潮阳区中华路东侧，始建于公元1131年（宋绍兴元年），经明、清三次倒塌重建及复建，现保持为为明代复建的样貌外观。塔为楼阁式七层石塔，塔平面八角，塔高42.3米，塔腔为壁内折上式，登级可至塔厅，可登顶凭栏俯视。门顶有清朝潮阳知县唐文藻所书“文光塔”三字石匾及对联。文光塔是明式的砖石结构建筑，具有明代建筑精细的特点，因此1989年公布为广东省文物保护单位，2013年被国务院定为第七批全国重点文物保护单位。</p>
                            <p class="thin-font"></p>    
                        </div>
                        
                    </div>
                </section> <!-- #services -->

                <!-- #about -->
                <section id="tm-section-3" class="row tm-section">
                    <div class="tm-white-curve-left col-xs-12 col-sm-6 col-md-6 col-lg-7 col-xl-6">
                        <div class="tm-white-curve-left-rec">
                            
                        </div>
                        <div class="tm-white-curve-left-circle">
                            
                        </div>
                        <div class="tm-white-curve-text">
                            <h2 class="tm-section-header gray-text">糖葱薄饼</h2>
                            <p class="thin-font">这个是上过《舌尖中国》的一款地道美食。如果作为过年茶座上的特色小吃，绝对是杠杠的，毕竟有《舌尖》加持！
对于很多人来说，这可能也就是一款小吃而已，但对于楼主来说，这意味着满满的儿时记忆。
每次想起糖葱薄饼四个字，就会想起小时候巷子里，每天下午期待着一个骑着单车的老人，一边骑一边吆喝“糖葱薄饼”，然后满眼期许的希望妈妈给自己买一块，那种简单的酥脆与甜腻，竟可以温暖一个整整的童年。

<p>
                            <p></p>    
                        </div>
                        
                    </div>
                    <div class="tm-flex-center col-xs-12 col-sm-6 col-md-6 col-lg-5 col-xl-6">
                        <img src="img/strip-02.jpg" alt="Image" class="img-fluid tm-img">
                    </div>
                </section> <!-- #about -->
                
                <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>

                <!-- #contact -->
                <section id="tm-section-4" class="row tm-section">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5 col-xl-6 tm-contact-left">
                        <h2 class="tm-section-header thin-font col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">更多...</h2>
                        <form action="index.html" method="post" class="contact-form">

                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-6 tm-contact-form-left">
                                <div class="form-group">
                                    <input type="text" id="contact_省份" name="contact_name" class="form-control" placeholder="省份"  required/>
                                </div>
                                <div class="form-group">
                                    <input type="email" id="contact_地区" name="contact_email" class="form-control" placeholder="地区"  required/>
                                </div>
                                <div class="form-group">
                                    <input type="text" id="contact_街道" name="contact_subject" class="form-control" placeholder="街道"  required/>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-12 col-xl-6 tm-contact-form-right">
                                <div class="form-group">
                                    <textarea id="contact_message" name="contact_message" class="form-control" rows="6" placeholder="详情" required></textarea>
                                </div>
                                
                                <button type="submit" class="btn submit-btn">一键查询</button>
                            </div>

                        </form>   
                    </div>

                    <div class="tm-white-curve-right col-xs-12 col-sm-6 col-md-6 col-lg-7 col-xl-6">
                        
                        <div class="tm-white-curve-right-circle"></div>
                        <div class="tm-white-curve-right-rec"></div>
                        
                        <div class="tm-white-curve-text">
                            
                            <h2 class="tm-section-header green-text">地域介绍</h2>
                            <p>各位用户在使用的过程中如果发现哪里与实情不符可以与我们沟通联系，欢迎指正。</p>

                            <h3 class="tm-section-subheader green-text">联系方式</h3>
                            <address>
                            
                            </address>
                            
                            <div class="contact-info-links-container">
                                <span class="green-text contact-info">
                                	Tel: <a href="tel:0100200340" class="contact-info-link">1880776699</a></span>
                                <span class="green-text contact-info">
                                	Email: <a href="mailto:info@company.com" class="contact-info-link">809752620.com</a></span>    
                            </div>
                            
                        </div>                        

                    </div>
                </section> <!-- #contact -->

                <!-- footer -->
                <footer class="row tm-footer">
                    
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">

                        <p class="text-xs-center tm-footer-text">Copyright &copy; 2016 Company Name 
                        
                        -Regional introduction <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">地域介绍</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">在线交流</a></p>
                        
                    </div>
                    
                </footer>                      

            </div>
             
        </div> <!-- .container -->
        
        <!-- load JS files -->
        
        <script src="js/jquery-1.11.3.min.js"></script>             <!-- jQuery (https://jquery.com/download/) -->
        <script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script><!-- Tether for Bootstrap, http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h --> 
        <script src="js/bootstrap.min.js"></script>                 <!-- Bootstrap (http://v4-alpha.getbootstrap.com/) -->
        <script src="js/jquery.singlePageNav.min.js"></script>      <!-- Single Page Nav (https://github.com/ChrisWojcik/single-page-nav) -->
        
        <!-- Templatemo scripts -->
        <script>     

        var bigNavbarHeight = 90;
        var smallNavbarHeight = 68;
        var navbarHeight = bigNavbarHeight;                 
    
        $(document).ready(function(){

            var topOffset = 180;

            $(window).scroll(function(){
               
                if($(this).scrollTop() > topOffset) {
                    $(".navbar-container").addClass("sticky");
                }
                else {
                    $(".navbar-container").removeClass("sticky");
                }

            });

            /* Single page nav
            -----------------------------------------*/

            if($(window).width() < 992) {
                navbarHeight = smallNavbarHeight;
            }

            $('#tmNavbar').singlePageNav({
               'currentClass' : "active",
                offset : navbarHeight
            });


            /* Collapse menu after click 
               http://stackoverflow.com/questions/14203279/bootstrap-close-responsive-menu-on-click
            ----------------------------------------------------------------------------------------*/

            $('#tmNavbar').on("click", "a", null, function () {
                $('#tmNavbar').collapse('hide');               
            });

            // Handle nav offset upon window resize
            $(window).resize(function(){
                if($(window).width() < 992) {
                    navbarHeight = smallNavbarHeight;
                } else {
                    navbarHeight = bigNavbarHeight;
                }

                $('#tmNavbar').singlePageNav({
                    'currentClass' : "active",
                    offset : navbarHeight
                });
            });
            

            /*  Scroll to top
                http://stackoverflow.com/questions/5580350/jquery-cross-browser-scroll-to-top-with-animation
            --------------------------------------------------------------------------------------------------*/
            $('#go-to-top').each(function(){
                $(this).click(function(){ 
                    $('html,body').animate({ scrollTop: 0 }, 'slow');
                    return false; 
                });
            });
            
        });
    
        </script>             

    </body>
    </html>